<template>
  <div class="Form">
    <Dialog v-model:visible="visible" title="查看日志" :showCancel="false">
      <el-form :model="formData" label-width="120px" ref="deptRef" >
        <el-row>
          <el-col :span="12">
            <el-form-item label="操作模块" >
              <span>{{ formData.val2 }} / {{ formData.val3 }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请求地址" >
              <span>{{ formData.val10 }} </span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="登录信息" >
              <span>{{ formData.val4 }} / {{ formData.val5 }} / {{ formData.val6 }} </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请求方式" >
              <span>{{ formData.val11 }} </span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="操作状态" >
              <span>{{ formData.val7 }} </span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="消耗时间" >
              <span>{{ formData.val9 }} </span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="操作时间" >
              <span>{{ formData.val5 }} </span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </Dialog>
  </div>
</template>
<script setup>
  const { proxy } = getCurrentInstance();
  const visible = ref(false);
  let formData = ref({});
  const init = (e) => {
    formData.value = e.row;
    visible.value = true;
  };
  defineExpose({
    init
  });
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>
